
<!-- 待付款 -->
<section class="topayment">
  <!-- 面包屑 -->
  <el-breadcrumb class="myoderDetail">
    <el-breadcrumb-item class="myoderDetail-item1">
      <span>订单管理</span>
    </el-breadcrumb-item>
    <el-breadcrumb-item>订单详情</el-breadcrumb-item>
  </el-breadcrumb>

  <!-- 主体 -->
  <div class="main">
    <!-- 订单编号 -->
    <div class="orderNumber">
      <div class="orderNumber-title">
        <span class="num">订单编号：</span>
        <span v-for="(item, index) in list" :key="index">{{item.number}}</span>
        <span class="isPayment">待付款</span>
      </div>
      <el-steps :active="3" process-status="wait" align-center class="orderNumber-detail">
        <el-step>
          <p slot="title" class="step-title active">提交订单信息</p>
          <p slot="description" class="description">
            <span>2017-11-28</span>
            <br>
            <span>11:21</span>
          </p>
        </el-step>
        <el-step>
          <p slot="title" class="step-title active">平台审核</p>
          <p slot="description" class="description">
            <span>2017-11-28</span>
            <br>
            <span>11:21</span>
          </p>
        </el-step>
        <el-step>
          <p slot="title" class="step-title active">客户确定订单</p>
          <p slot="description" class="description">
            <span>2017-11-28</span>
            <br>
            <span>11:21</span>
          </p>
        </el-step>
        <el-step>
          <p slot="title" class="step-title">线下转账付账</p>
          <p slot="description" class="description"></p>
        </el-step>
        <el-step>
          <p slot="title" class="step-title">出库发货</p>
          <p slot="description" class="description"></p>
        </el-step>
        <el-step>
          <p slot="title" class="step-title">货物签收</p>
          <p slot="description" class="description"></p>
        </el-step>
      </el-steps>
      <p class="last">
        请在
        <span>1小时内</span>完成付款，否则订单将自动取消
      </p>
    </div>
    <!-- 收货人信息 -->
    <div class="orderConsignee" v-for="(item,index) in orderConsignee" :key="index">
      <h4>收货人信息</h4>
      <p>收货人 : {{item.person}}</p>
      <p>联系电话 : {{item.tel}}</p>
      <p>详细地址 : {{item.detailAddr}}</p>
      <p class="order_remarks"> 备注 : <span>这是一条备注这是一条备注这是一条备注这是一条备注这是一条备注这是一条备注这是一条备注这是一条备注</span></p>
    </div>
    <!-- 付款信息 -->
    <div class="orderPayment">
      <ul>
        <li class="orderPayment-title">
          <span>付款信息</span>
          <span>物流信息</span>
          <span>发票信息</span>
        </li>
        <li class="orderPayment-content" v-for="(item,index) in orderConsignee" :key="index">
          <span>付款方式：{{item.payment}}</span>
          <span>配送方式：{{item.method}}</span>
          <span>发票类型：{{item.type}}</span>
          <span>产品含税金额：{{item.product}}</span>
          <span>结算方式：{{item.account}}</span>
          <span>发票抬头：{{item.invoice}}</span>
          <span>应付金额：{{item.payable}}</span>
          <span>运费：{{item.fare}}</span>
          <span>统一社会信用代码：{{item.identity }}</span>
        </li>
      </ul>
    </div>
    <!-- 供应商 -->
    <div class="orderSupplier">
      <h4 class="orderSupplier-title" v-for="(item,index) in orderTable" :key="index">供应商：{{item.sname}}</h4>
      <div class="orderSupplier-table">
        <el-table :data="orderTable" border width="940px">
          <el-table-column prop="Pname" label="产品名称" width="228px">
          </el-table-column>
          <el-table-column prop="spec" label="规格/牌号">
          </el-table-column>
          <el-table-column prop="place" label="厂家">
          </el-table-column>
          <el-table-column prop="kubie" label="交货地">
          </el-table-column>
          <el-table-column prop="unit" label="单位">
          </el-table-column>
          <el-table-column prop="num" label="*数量">
          </el-table-column>
          <el-table-column prop="price" label="*价格">
          </el-table-column>
          <el-table-column prop="cess" label="税率">
          </el-table-column>
          <el-table-column prop="amount" label="含税金额">
          </el-table-column>
        </el-table>
      </div>
      <ul class="orderSupplier-content">
        <li class="top" v-for="(item,index) in orderSupplier" :key="index">
          <p>
            <span>{{item.fare1}}</span>运费
            <i>(订单审核后确定运费)</i>
          </p>
          <p>
            <span>{{item.cash}}</span>代金券</p>
          <p>
            <span>{{item.prefer}}</span>优惠活动</p>
          <p>
            <span>{{item.totalAount}}</span>应付总额</p>
          <p class="last">总税额（人民币）10元</p>
          <h5 class="btn">

            <a class="btn-left">实付款</a>
            <a class="btn-right">{{item.disbur}}</a>
          </h5>
        </li>
      </ul>
    </div>
    <!-- 底部 -->
    <div class="orderFooter">
      <div class="orderFooter-box">
        <el-button class="orderFooter-btn left">打印订单 </el-button>
        
        <router-link class="el-button orderFooter-btn el-button--primary" to="/companycenter/togoods" tag="button">
          <span>立即付款</span>
        </router-link>
      </div>
    </div>
  </div>
</section>